<template>
	<view>
		<view class='topInfo'>
			<navigator url="">
				<image src='../../static/assistance06.png'></image>
				<view class='mt_10'>智能客服</view>
			</navigator>
			<navigator url="">
				<image src='../../static/assistance07.png'></image>
				<view class='mt_10'>意见反馈</view>
			</navigator>
		</view>

		<view class='helpMenu'>
			<view class='helpTitle'>流程指引</view>
			<navigator class='helpList'>
				<view class='leftTxt'>
					<view>
						<image src='../../static/assistance04.png'></image>
					</view>
					<text>新手指引</text>
				</view>
				<view>
					<image src='../../static/more2.png' class='more'></image>
				</view>
			</navigator>
			<navigator class='helpList'>
				<view class='leftTxt'>
					<view>
						<image src='../../static/assistance05.png'></image>
					</view>
					<text>注册指引</text>
				</view>
				<view>
					<image src='../../static/more2.png' class='more'></image>
				</view>
			</navigator>
			<navigator class='helpList'>
				<view class='leftTxt'>
					<view>
						<image src='../../static/assistance02.png'></image>
					</view>
					<text>充值指引</text>
				</view>
				<view>
					<image src='../../static/more2.png' class='more'></image>
				</view>
			</navigator>

			<view class='helpTitle'>常见问题</view>
			<navigator class='helpList'>
				<view class='leftTxt'>
					<view>
						<image src='../../static/assistance03.png'></image>
					</view>
					<text>如何购买付费点播课程？</text>
				</view>
				<view>
					<image src='../../static/more2.png' class='more'></image>
				</view>
			</navigator>
			<navigator class='helpList'>
				<view class='leftTxt'>
					<view>
						<image src='../../static/assistance03.png'></image>
					</view>
					<text>如何购买付费点播课程？如何购买付费点播课程？</text>
				</view>
				<view>
					<image src='../../static/more2.png' class='more'></image>
				</view>
			</navigator>
			<navigator class='helpList'>
				<view class='leftTxt'>
					<view>
						<image src='../../static/assistance03.png'></image>
					</view>
					<text>如何购买付费点播课程？</text>
				</view>
				<view>
					<image src='../../static/more2.png' class='more'></image>
				</view>
			</navigator>
			<navigator class='helpList'>
				<view class='leftTxt'>
					<view>
						<image src='../../static/assistance03.png'></image>
					</view>
					<text>如何购买付费点播课程？</text>
				</view>
				<view>
					<image src='../../static/more2.png' class='more'></image>
				</view>
			</navigator>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.topInfo {
		background: #fff;
		padding: 30rpx;
		display: flex;
		justify-content: space-around;
		align-items: center;
		text-align: center;
		font-size: 30rpx;
	}

	.topInfo image {
		width: 100rpx;
		height: 100rpx;
	}

	.helpMenu {
		margin-top: 20rpx;
		background: #fff;
		padding: 20rpx 30rpx;
	}

	.helpTitle {
		font-size: 30rpx;
		padding: 20rpx 20rpx 0;
		position: relative;
	}

	.helpTitle::before {
		content: "";
		position: absolute;
		top: 28rpx;
		left: 0;
		width: 4rpx;
		height: 26rpx;
		background: #2C90F6;
	}

	.helpList {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 30rpx 0;
		border-bottom: 1rpx solid #e6e6e6;
	}

	.leftTxt {
		display: flex;
	}

	.leftTxt text {
		font-size: 30rpx;
		margin-left: 20rpx;
	}

	.leftTxt image {
		width: 32rpx;
		height: 32rpx;
		vertical-align: middle;
	}

	.more {
		width: 22rpx;
		height: 22rpx;
	}
</style>
